/*工具类 by kaka*/
.user-select {
	cursor: default;
	user-select: none;
}

.ellipsis-1,
.ellipsis-2,
.ellipsis-3,
.ellipsis-4,
.ellipsis-5 {
	display: -webkit-box !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal !important;
	word-wrap: break-word;
}

.ellipsis-1 {
	-webkit-line-clamp: 1;
}

.ellipsis-2 {
	-webkit-line-clamp: 2;
}

.ellipsis-3 {
	-webkit-line-clamp: 3;
}

.ellipsis-4 {
	-webkit-line-clamp: 4;
}

.ellipsis-5 {
	-webkit-line-clamp: 5;
}

.small {
	font-size: 0.7em;
}

.visibility-hidden {
	visibility: hidden;
}

.visible {
	visibility: visible;
}

.show {
	display: inherit;
}

.inline {
	display: inline;
}

.inline-block {
	display: inline-block;
}

.block {
	display: block;
}

.block-imp {
	display: block !important;
}

.f-weight {
	font-weight: bold !important;
}

.f-normal {
	font-weight: normal !important;
}

.f-lighter {
	font-weight: 300 !important;
}

.line-through {
	text-decoration: line-through !important;
}

.underline {
	text-decoration: underline !important;
}

/*边框样式 大分辨率会显示0.5像素*/
.am-border,
.am-border-b,
.am-border-l,
.am-border-r,
.am-border-t,
.am-border-tb {
	position: relative;
}

.am-border-b:after,
.am-border-l:after,
.am-border-r:after,
.am-border-t:after,
.am-border-tb:after,
.am-border:after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transform-origin: 0 0;
	transform: scale(1);
	pointer-events: none;
}

.am-border-l:after {
	border-left: 1px solid #eee;
}

.am-border-r:after {
	border-right: 1px solid #eee;
}

.am-border-t:after {
	border-top: 1px solid #eee;
}

.am-border-b:after {
	border-bottom: 1px solid #eee;
}

.am-border-tb:after {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.am-border:after {
	border: 1px solid #eee;
}

.am-border.am-border-radius:after {
	border-radius: 6px;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5) {

	.am-border-b:after,
	.am-border-l:after,
	.am-border-r:after,
	.am-border-t:after,
	.am-border-tb:after,
	.am-border:after {
		right: -100%;
		bottom: -100%;
		transform: scale(0.5);
	}
}

.f0px {
	font-size: 0 !important;
}

.f8px {
	font-size: 16rpx !important;
}

.f9px {
	font-size: 18rpx !important;
}

.f10px {
	font-size: 20rpx !important;
}

.f11px {
	font-size: 22rpx !important;
}

.f12px {
	font-size: 24rpx !important;
}

.f13px {
	font-size: 26rpx !important;
}

.f14px {
	font-size: 28rpx !important;
}

.f15px {
	font-size: 30rpx !important;
}

.f16px {
	font-size: 32rpx !important;
}

.f18px {
	font-size: 36rpx !important;
}

.f20px {
	font-size: 40rpx !important;
}

.f22px {
	font-size: 44rpx !important;
}

.f24px {
	font-size: 48rpx !important;
}

.f26px {
	font-size: 52rpx !important;
}

.f28px {
	font-size: 56rpx !important;
}

.f30px {
	font-size: 60rpx !important;
}

.f32px {
	font-size: 64rpx !important;
}

.f35px {
	font-size: 70rpx !important;
}

.f36px {
	font-size: 72rpx !important;
}

.f40px {
	font-size: 80rpx !important;
}

.f45px {
	font-size: 90rpx !important;
}

.f50px {
	font-size: 100rpx !important;
}

.f-arial {
	font-family: arial !important;
}

.f-f,
.f-white {
	color: #fff !important;
}

.f-0,
.f-black {
	color: #000 !important;
}

.f-c {
	color: #ccc !important;
}

.f-e {
	color: #eee !important;
}

.f-9 {
	color: #999 !important;
}

.f-85 {
	color: #858585 !important;
}

.f-7 {
	color: #777 !important;
}

.f-6 {
	color: #666 !important;
}

.f-5 {
	color: #555 !important;
}

.f-3 {
	color: #333 !important;
}

.f-a {
	color: #aaa !important;
}

.f-red {
	color: #fb0036 !important;
}

.f-1c {
	color: #202020 !important;
}

.f-23 {
	color: #232323 !important;
}

.f-2 {
	color: #222 !important;
}

.f-b {
	color: #bbb !important;
}

.f-48 {
	color: #484848 !important;
}

.f-yellow {
	color: #FFCF28 !important;
}

.bg-0,
.bg-black {
	background-color: #000 !important;
}

.bg-red {
	background-color: #fb0036 !important;
}

.bg-ff {
	background-color: #fff !important;
}

.bg-gray {
	background-color: #F7F7F7 !important;
}

.bg-f2 {
	background-color: #f2f2f2 !important;
}

.bg-cc {
	background-color: #ccc !important;
}

.pull-left {
	float: left !important;
}

.pull-right {
	float: right !important;
}

.fl {
	float: left !important;
	display: inline !important;
}

.fr {
	float: right !important;
	display: inline !important;
}

.clear {
	clear: both !important;
}

.clearfix {
	zoom: 1;
}

.clearfix:before,
.clearfix:after {
	clear: both;
	display: table;
	content: " ";
}

.hide,
.hidden {
	display: none !important;
}

.text-right,
.tr {
	text-align: right !important;
}

.text-left,
.tl {
	text-align: left !important;
}

.text-center,
.tc {
	text-align: center !important;
}

.pos-rel,
.pr {
	position: relative !important;
}

.pos-abs,
.pa {
	position: absolute !important;
}

.fixed {
	position: fixed !important;
}

.v-middle,
.vm {
	vertical-align: middle !important;
}

.v-top,
.vt {
	vertical-align: top !important;
}

.v-bottom,
.vb {
	vertical-align: bottom !important;
}

.line-height-1 {
	line-height: 1 !important;
}

.border-box {
	box-sizing: border-box;
}

.flex {
	display: flex;
}

.flex-column {
	flex-flow: column;
}

.align-center {
	align-items: center;
}

.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

.justify-start {
	justify-content: flex-start;
}

.justify-end {
	justify-content: flex-end;
}

.margin-center {
	margin: 0 auto;
}

.m0,
.margin0 {
	margin: 0 !important;
}

.m5 {
	margin: 10rpx !important;
}

.m10 {
	margin: 20rpx !important;
}

.m20 {
	margin: 40rpx !important;
}

.mt1 {
	margin-top: 2rpx !important;
}

.mt2 {
	margin-top: 4rpx !important;
}

.mt3 {
	margin-top: 6rpx !important;
}

.mt4 {
	margin-top: 8rpx !important;
}

.mt5 {
	margin-top: 10rpx !important;
}

.mt6 {
	margin-top: 12rpx !important;
}

.mt7 {
	margin-top: 14rpx !important;
}

.mt8 {
	margin-top: 16rpx !important;
}

.mt9 {
	margin-top: 18rpx !important;
}

.mt10 {
	margin-top: 20rpx !important;
}

.mt15 {
	margin-top: 30rpx !important;
}

.mt20 {
	margin-top: 40rpx !important;
}

.mt30 {
	margin-top: 60rpx !important;
}

.mb1 {
	margin-bottom: 2rpx !important;
}

.mb2 {
	margin-bottom: 4rpx !important;
}

.mb3 {
	margin-bottom: 6rpx !important;
}

.mb4 {
	margin-bottom: 8rpx !important;
}

.mb5 {
	margin-bottom: 10rpx !important;
}

.mb6 {
	margin-bottom: 12rpx !important;
}

.mb7 {
	margin-bottom: 14rpx !important;
}

.mb8 {
	margin-bottom: 16rpx !important;
}

.mb9 {
	margin-bottom: 18rpx !important;
}

.mb10 {
	margin-bottom: 20rpx !important;
}

.mb15 {
	margin-bottom: 30rpx !important;
}

.mb20 {
	margin-bottom: 40rpx !important;
}

.mb30 {
	margin-bottom: 60rpx !important;
}

.mr1 {
	margin-right: 2rpx !important;
}

.mr2 {
	margin-right: 4rpx !important;
}

.mr3 {
	margin-right: 6rpx !important;
}

.mr4 {
	margin-right: 8rpx !important;
}

.mr5 {
	margin-right: 10rpx !important;
}

.mr6 {
	margin-right: 12rpx !important;
}

.mr7 {
	margin-right: 14rpx !important;
}

.mr8 {
	margin-right: 16rpx !important;
}

.mr9 {
	margin-right: 18rpx !important;
}

.mr10 {
	margin-right: 20rpx !important;
}

.mr15 {
	margin-right: 30rpx !important;
}

.mr20 {
	margin-right: 40rpx !important;
}

.mr30 {
	margin-right: 60rpx !important;
}

.ml1 {
	margin-left: 2rpx !important;
}

.ml2 {
	margin-left: 4rpx !important;
}

.ml3 {
	margin-left: 6rpx !important;
}

.ml4 {
	margin-left: 8rpx !important;
}

.ml5 {
	margin-left: 10rpx !important;
}

.ml6 {
	margin-left: 12rpx !important;
}

.ml7 {
	margin-left: 14rpx !important;
}

.ml8 {
	margin-left: 16rpx !important;
}

.ml9 {
	margin-left: 18rpx !important;
}

.ml10 {
	margin-left: 20rpx !important;
}

.ml15 {
	margin-left: 30rpx !important;
}

.ml20 {
	margin-left: 40rpx !important;
}

.ml30 {
	margin-left: 60rpx !important;
}

.ml50 {
	margin-left: 100rpx !important;
}

.p0,
.padding0 {
	padding: 0 !important;
}

.p5 {
	padding: 10rpx !important;
}

.p10 {
	padding: 20rpx !important;
}

.p20 {
	padding: 40rpx !important;
}

.pt0 {
	padding-top: 0 !important;
}

.pt1 {
	padding-top: 2rpx !important;
}

.pt2 {
	padding-top: 4rpx !important;
}

.pt3 {
	padding-top: 6rpx !important;
}

.pt4 {
	padding-top: 8rpx !important;
}

.pt5 {
	padding-top: 10rpx !important;
}

.pt6 {
	padding-top: 12rpx !important;
}

.pt7 {
	padding-top: 14rpx !important;
}

.pt8 {
	padding-top: 16rpx !important;
}

.pt9 {
	padding-top: 18rpx !important;
}

.pt10 {
	padding-top: 20rpx !important;
}

.pt15 {
	padding-top: 30rpx !important;
}

.pt20 {
	padding-top: 40rpx !important;
}

.pt25 {
	padding-top: 50rpx !important;
}

.pt30 {
	padding-top: 60rpx !important;
}

.pt35 {
	padding-top: 70rpx !important;
}

.pt40 {
	padding-top: 80rpx !important;
}

.pt45 {
	padding-top: 90rpx !important;
}

.pt50 {
	padding-top: 100rpx !important;
}

.pl0 {
	padding-left: 0 !important;
}

.pl1 {
	padding-left: 2rpx !important;
}

.pl2 {
	padding-left: 4rpx !important;
}

.pl3 {
	padding-left: 6rpx !important;
}

.pl4 {
	padding-left: 8rpx !important;
}

.pl5 {
	padding-left: 10rpx !important;
}

.pl6 {
	padding-left: 12rpx !important;
}

.pl7 {
	padding-left: 14rpx !important;
}

.pl8 {
	padding-left: 16rpx !important;
}

.pl9 {
	padding-left: 18rpx !important;
}

.pl10 {
	padding-left: 20rpx !important;
}

.pl15 {
	padding-left: 30rpx !important;
}

.pl20 {
	padding-left: 40rpx !important;
}

.pl25 {
	padding-left: 50rpx !important;
}

.pl30 {
	padding-left: 60rpx !important;
}

.pl35 {
	padding-left: 70rpx !important;
}

.pl40 {
	padding-left: 80rpx !important;
}

.pl45 {
	padding-left: 90rpx !important;
}

.pl50 {
	padding-left: 100rpx !important;
}

.pr0 {
	padding-right: 0 !important;
}

.pr1 {
	padding-right: 2rpx !important;
}

.pr2 {
	padding-right: 4rpx !important;
}

.pr3 {
	padding-right: 6rpx !important;
}

.pr4 {
	padding-right: 8rpx !important;
}

.pr5 {
	padding-right: 10rpx !important;
}

.pr6 {
	padding-right: 12rpx !important;
}

.pr7 {
	padding-right: 14rpx !important;
}

.pr8 {
	padding-right: 16rpx !important;
}

.pr9 {
	padding-right: 18rpx !important;
}

.pr10 {
	padding-right: 20rpx !important;
}

.pr15 {
	padding-right: 30rpx !important;
}

.pr20 {
	padding-right: 40rpx !important;
}

.pr25 {
	padding-right: 50rpx !important;
}

.pr30 {
	padding-right: 60rpx !important;
}

.pr35 {
	padding-right: 70rpx !important;
}

.pr40 {
	padding-right: 80rpx !important;
}

.pr45 {
	padding-right: 90rpx !important;
}

.pr50 {
	padding-right: 100rpx !important;
}

.pr55 {
	padding-right: 110rpx !important;
}

.pr60 {
	padding-right: 120rpx !important;
}

.pr70 {
	padding-right: 140rpx !important;
}

.pr80 {
	padding-right: 160rpx !important;
}

.pb0 {
	padding-bottom: 0 !important;
}

.pb1 {
	padding-bottom: 2rpx !important;
}

.pb2 {
	padding-bottom: 4rpx !important;
}

.pb3 {
	padding-bottom: 6rpx !important;
}

.pb4 {
	padding-bottom: 8rpx !important;
}

.pb5 {
	padding-bottom: 10rpx !important;
}

.pb6 {
	padding-bottom: 12rpx !important;
}

.pb7 {
	padding-bottom: 14rpx !important;
}

.pb8 {
	padding-bottom: 16rpx !important;
}

.pb9 {
	padding-bottom: 18rpx !important;
}

.pb10 {
	padding-bottom: 20rpx !important;
}

.pb15 {
	padding-bottom: 30rpx !important;
}

.pb20 {
	padding-bottom: 40rpx !important;
}

.pb25 {
	padding-bottom: 50rpx !important;
}

.w-auto {
	width: auto !important;
}

.h-auto {
	height: auto !important;
}

.h-100 {
	height: 100% !important;
}

.w-inherit {
	width: inherit !important;
}

.w-10 {
	width: 10% !important;
}

.w-20 {
	width: 20% !important;
}

.w-25 {
	width: 25% !important;
}

.w-33 {
	width: 33.333333% !important;
}

.w-40 {
	width: 40% !important;
}

.w-50 {
	width: 50% !important;
}

.w-60 {
	width: 60% !important;
}

.w-65 {
	width: 65% !important;
}

.w-66 {
	width: 66.666666% !important;
}

.w-75 {
	width: 75% !important;
}

.w-100 {
	width: 100% !important;
}

.w16 {
	width: 32rpx !important;
}

.w32 {
	width: 64rpx !important;
}

.h32 {
	height: 64rpx !important;
}

.w40 {
	width: 80rpx !important;
}

.w45 {
	width: 90rpx !important;
}

.w50 {
	width: 100rpx !important;
}

.w64 {
	width: 128rpx !important;
}

.h64 {
	height: 128rpx !important;
}

.w90 {
	width: 180rpx !important;
}

.w100 {
	width: 200rpx !important;
}

.w120 {
	width: 240rpx !important;
}

.w150 {
	width: 300rpx !important;
}

.w180 {
	width: 360rpx !important;
}

.w200 {
	width: 400rpx !important;
}

.w250 {
	width: 500rpx !important;
}

.w300 {
	width: 600rpx !important;
}

.w350 {
	width: 700rpx !important;
}

.w400 {
	width: 800rpx !important;
}

.w450 {
	width: 900rpx !important;
}

.w500 {
	width: 1000rpx !important;
}

.l0 {
	left: 0 !important;
}

.l1 {
	left: 2rpx !important;
}

.l2 {
	left: 4rpx !important;
}

.l3 {
	left: 6rpx !important;
}

.l4 {
	left: 8rpx !important;
}

.l5 {
	left: 10rpx !important;
}

.l6 {
	left: 12rpx !important;
}

.l7 {
	left: 14rpx !important;
}

.l8 {
	left: 16rpx !important;
}

.l9 {
	left: 18rpx !important;
}

.l10 {
	left: 20rpx !important;
}

.l15 {
	left: 30rpx !important;
}

.l20 {
	left: 40rpx !important;
}

.l30 {
	left: 60rpx !important;
}

.r0 {
	right: 0 !important;
}

.r1 {
	right: 2rpx !important;
}

.r2 {
	right: 4rpx !important;
}

.r3 {
	right: 6rpx !important;
}

.r4 {
	right: 8rpx !important;
}

.r5 {
	right: 10rpx !important;
}

.r6 {
	right: 12rpx !important;
}

.r7 {
	right: 14rpx !important;
}

.r8 {
	right: 16rpx !important;
}

.r9 {
	right: 18rpx !important;
}

.r10 {
	right: 20rpx !important;
}

.r15 {
	right: 30rpx !important;
}

.r20 {
	right: 40rpx !important;
}

.r30 {
	right: 60rpx !important;
}

.t0 {
	top: 0 !important;
}

.t1 {
	top: 2rpx !important;
}

.t2 {
	top: 4rpx !important;
}

.t3 {
	top: 6rpx !important;
}

.t4 {
	top: 8rpx !important;
}

.t5 {
	top: 10rpx !important;
}

.t6 {
	top: 12rpx !important;
}

.t7 {
	top: 14rpx !important;
}

.t8 {
	top: 16rpx !important;
}

.t9 {
	top: 18rpx !important;
}

.t10 {
	top: 20rpx !important;
}

.t15 {
	top: 30rpx !important;
}

.t20 {
	top: 40rpx !important;
}

.t30 {
	top: 60rpx !important;
}

.b0 {
	bottom: 0 !important;
}

.b1 {
	bottom: 2rpx !important;
}

.b2 {
	bottom: 4rpx !important;
}

.b3 {
	bottom: 6rpx !important;
}

.b4 {
	bottom: 8rpx !important;
}

.b5 {
	bottom: 10rpx !important;
}

.b6 {
	bottom: 12rpx !important;
}

.b7 {
	bottom: 14rpx !important;
}

.b8 {
	bottom: 16rpx !important;
}

.b9 {
	bottom: 18rpx !important;
}

.b10 {
	bottom: 20rpx !important;
}

.b15 {
	bottom: 30rpx !important;
}

.b20 {
	bottom: 40rpx !important;
}

.b30 {
	bottom: 60rpx !important;
}